import { useRef } from "react";
import TabList from "@/components/TabList";
import AdBanner from "@/components/AdBanner";
import { CarouselPositionCode } from "common/utils/data";
import About from "@/components/TabList/About";

export default function Home() {
  const imageStyleRef = useRef({
    aspectRatio: '750/200'
  })
  return <div>
    <AdBanner
      positionCode={CarouselPositionCode.HOME_MAIN}
      width="100%"
      ossFormatParam={`?x-oss-process=image/resize,w_${window.innerWidth}`}
      imageStyle={imageStyleRef.current}
    />
    <TabList prefixTabList={[{
      label: '关于huihifi',
      key: 'all',
      children: (
        <About />
      ),
    }]} />
  </div>
}
